<%@page import="modelo.servicio.Responsables"%>
<%@page import="modelo.dominio.Responsable"%>
<%@page import="java.util.List"%>
<%@page import="modelo.servicio.Pasos"%>
<%@page import="modelo.dominio.Paso"%>
<%  String clvp = request.getParameter("clvp");
    String clvf = request.getParameter("clvf");
    Paso paso = null;
    if (!clvp.equals("")) {
        paso = Pasos.instancia().porClave(clvf, clvp);
        if (paso != null) { %>
        <p class="ui-state-active ui-corner-top">Paso: <%=clvp%></p>
<Strong>Descripci&oacute;n: </Strong><%=paso.getDescripcion()%>
<br/><Strong>Envia Aviso: </Strong><%=paso.isAvisable() ? "Si" : "No"%> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br/><Strong>Tipo de Paso </Strong><%=paso.getTipoPaso().equalsIgnoreCase("I") ? "Inicial" 
        : paso.getTipoPaso().equalsIgnoreCase("M") ? "Medio" : "Final"%>
&nbsp;<Strong>Valida Monto: </Strong><%=paso.getFlujo().isValidaMonto() ? "Si" : "No"%>
<% if (paso.getFlujo().isValidaMonto()) { %>
<strong> Monto: </strong><%=paso.getMontoAprobacion()%>
<% }
    List<Responsable> responsables = Responsables.instancia().delPaso(clvf, clvp);
    if (!(responsables == null || responsables.isEmpty())) {
        request.setAttribute("responsables", responsables); %>
        <p class="ui-state-active ui-corner-top">Sus Responsables:</p>
        <div style="height: 235px;" class="wscroll">
            <jsp:include page="listado.jsp"/>
        </div> 
    <% } %>
<p class="ui-state-active ui-corner-top">Agregar Responsable</p>
<form action="resp" id="frm_nw_respons" method="post" onsubmit="return validar();">
    <table>
        <tr>
            <td><font color="red">*</font> <strong>Responsable: </strong></td>
            <td>
                <input type="hidden" name="clvf" value="<%=clvf%>"/>
                <input type="hidden" name="clvp" value="<%=clvp%>"/>
                <input type="hidden" name="ac" value="sv"/>
                <div id="responsables"></div>
            </td>
        </tr>
        <tr>
            <td>
                <strong>Es Forzoso: </strong>
                <input type="checkbox" name="ckb_forzoso"/>
            </td>
            <td>
                <strong>Es Aprobador: </strong>
                <input type="checkbox" name="ckb_aprobador" checked="checked"/>
                <strong>Recibe Copia: </strong>
                <input type="checkbox" name="ckb_recibe_copia"/>
            </td>
        </tr>
        <tr>
            <td>
                <button type="reset" class="btn_regresar" title="Regresar a los Pasos">Regresar</button>
            </td>
            <td>
                <button type="submit" class="btn_guardar" title="Guardar el Responsable">Guardar</button>
            </td>
        </tr>
    </table>
</form><%
        }
    } else {
        out.println("Error en la clave del paso " + clvp);
    } %>
<script type='text/javascript'>
    $(document).ready(function() {
        $(".btn_regresar").button({
            icons: {primary: "ui-icon-arrowreturnthick-1-w"}
        });
        $(".btn_guardar").button({
            icons: {primary: "ui-icon-disk"}
        });
        $(".btn_regresar").click(function() {
            charge('#ui-tabs-4', 'front?v=3&ac=1&clv=' + $("input[name=clvf]").val());
        });
        $("#frm_nw_respons").submit(function() {
            $.post('resp', $("#frm_nw_respons").serialize(), function(data) {
                $("#ui-tabs-4").html(data);
            });
            $("#ui-tabs-4").html('<p><img src="images/loading.gif" /><br/>Guardando...</p>');
            return false;
        });
        charge('#responsables', 'usu?ac=op');
        $('input[name=ckb_forzoso]').click(function() {
            if ($(this).is(':checked')) {
                $('input[name=ckb_aprobador]').prop('checked', true);
                $('input[name=ckb_aprobador]').attr("disabled", true);
            } else {
                $('input[name=ckb_aprobador]').attr("disabled", false);
            }
        });
    });
</script>
